<script lang="ts">
	import Particles from '$lib/layouts/particles.svelte';
	import { color, info, header, header_nav } from '$lib/config/siteconfig';
	import Header from '$lib/layouts/header.svelte';
	import Footer from '$lib/layouts/footer.svelte';
	import Nav from '$lib/layouts/nav.svelte';
	import 'uno.css';
	import './main.css';
</script>

<main class="main">
	<Particles />
	<Header src={header.src} alt={header.alt} />
	<Nav testnav={header_nav} />
	<nav>
		<a href="/">Home</a>
		<a href="admin">Admin</a>
		<a href="dashboard">Dashboard</a>

		<a href="app">threlte</a>
		<a href="mdx">mdx</a>
		<a href="animejs">animejs</a>
		<a href="svelvetdemo">svelvet</a>
	</nav>
	<h1>
		<a href="/">Root Layout</a>
	</h1>

	<div h-30 w-30 colors-primary flex justify-center items-center op-30>demo</div>
	<slot />
	<Footer />
</main>
